/* responsive nav */
    #scrollup {
        display: none;
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 1000;
        cursor: pointer;
        color: #000;
        font-size: 2rem;
        background-color:#fff;
        border-radius: 20px;
        padding: 3px 5px;
    }

    div#navSlide-modal {
        display:none;
        position:absolute;
        top:0px;
        background-color:#000;
        opacity:.5;
        width:100%;
    }
    ul#navSlide {
        display: none;
        position: absolute;
        top: 0px;
        left: -250px;
        width: 250px;
        margin:0px;
    }
      ul#navSlide li {
          list-style: none;
            background-color: #333333;
            border-bottom: 1px solid #262626;
            padding: 0px 10px;
            height: 40px;
            overflow: hidden;
      }
        ul#navSlide li a {
            display:block;
            color: #fff;
            line-height: 40px;
        }
        ul#navSlide li a:hover {
            color: #c9c9c9;
        }
        ul#navSlide li a img, ul#navSlide li a span.fa {
            margin-right:15px;
        }
        ul#navSlide li span.fa-bars {
            position:absolute;
            top: 10px;
            right:-30px;
            background-color: transparent;
            color:#000;
            font-size: 20px;
            cursor: pointer;
        }

@media all and (max-width: 1000px) {
    body > div {
        width: 100%;
        padding: 10px 0px 0px 0px;
    }
    #main-nav table {
        height:auto;
    }
    #main-nav td a {
        display:none;
    }
    #content #sidebar-right {
        float: none;
        height: auto !important;
    }
    #content #block,
    #content #block table.details-table {
        float: none;
        width: 100% !important;
    }
}
@media all and (max-width: 900px) {
    #header #logo .taglineAlt {
        display:none;
    }
    #banners {
        display:none;
    }
  #home #products {
    margin-left: 225px;
  }
      #groupA h2, #groupB h2, #groupC h2 {
          padding-left:10px;
      }
          #groupA h2 span, #groupB h2 span, #groupC h2 span {
              display: none;
          }
      #home #products #groupA {
        width:60%;
      }
          #home #products #groupA .product {
            width:45%;
          }
      #home #products #groupB {
        width:40%;
      }
          #home #products #groupB .product {
            width:68%;
          }

  #main h1 span {
      display: none;
  }
}

@media all and (max-width: 700px) {
    #home #products #groupA, #home #products #groupB, #home #products #groupC {
        float:none;
        width: 100%;
        margin:0px;
        margin-bottom: 15px;
    }
        #home #products .product {
          width:29% !important;
        }

    #footer .contact, #footer .copyright  {
        float: none;
    }
        #footer .copyright br {
            display: block;
        }
    #footer ul {
        margin-bottom: 10px;
    }
        #footer li {
            text-align: left;
            display: block;
        }
        #footer li:after {
            content: "";
        }
}

@media all and (max-width: 600px) {
    #sidebar-left {
        display:none;
    }
    #groupA h2 span, #groupB h2 span, #groupB h2 span {
        display: inline-block;
    }
    #home #products {
      margin-left: 0px;
    }
    ul#navSlide {
      display:block;
    }

    #header {
        margin: 0px 10px;
    }
        #header #logo {
            padding-top: 15px;
        }
        #header #phone {
            top:-12px;
            right: 7px;
            height:auto;
            background-size: .5em;
        }
        #header #phone a {
            font-size: 1.2em;
            padding-left:15px;
        }
        #header #header-nav ul {
            top: -7px;
            left: 25px;
            right: auto;
            margin-left:0px;
        }
        #header #search {
            top: 27px;
        }
            #header #search input {
                position: absolute;
                right: 0px;
            }
            #header #search input[type=text] {
                width: 150px;
            }
            #header #search input[type=submit] {
                margin-top: 25px;
            }
    #main {
        margin-left: 0px;
    }
    #content {
        border: 0px;
    }

}

@media all and (max-width: 475px) {
    #header {
        height: 130px;
        top: -7px;
    }
    #header #phone {
            background-size: .4em;
            right:0px;
        }
        #header #phone a {
            font-size: 1em;
            padding-left:10px;
        }

    #header #search, #header #logo {
        position:relative;
        top: 0px;
        margin-top: 7px;
    }
        #header #search input {
            position:relative;
            margin-top: 0px !important;
       }
    #home #products #groupA .product {
        width:45%;
    }
    #groupA h2 span, #groupB h2 span, #groupC h2 span {
        display: none;
    }
}